<!DOCTYPE html>
<html>
<head>
	<title>首页</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Josefin+Slab:400,700">
	<link rel="stylesheet" type="text/css" href="css/normalize.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	
	<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript">
		window.onload = function() {
		    //配置
		    var config1 = {
		        vx: 4,	//小球x轴速度,正为右，负为左
		        vy: 4,	//小球y轴速度
		        height: 3,	//小球高宽，其实为正方形，所以不宜太大
		        width: 3,
		        count: 80,		//点个数
		        color: "51,52,52", 	//点颜色
		        stroke: "188,187,187", 		//线条颜色
		        dist: 10000, 	//点吸附距离
		        e_dist: 10000, 	//鼠标吸附加速距离
		        max_conn: 10 	//点到点最大连接数
		    };
		    var config2 = {
		        vx: 4,	
		        vy: 4,	
		        height: 2,	
		        width: 2,
		        count: 80,		
		        color: " 123,32,12", 	
		        stroke: "32,51,240", 		
		        dist: 60000, 	
		        e_dist: 2000, 	
		        max_conn: 100 	
		    };
		    var config3 = {
		        vx: 4,	
		        vy: 4,	
		        height: 2,	
		        width: 2,
		        count: 80,		
		        color: " 123,32,12", 	
		        stroke: "34,77,85", 		
		        dist: 60000, 	
		        e_dist: 2000, 	
		        max_conn: 100 	
		    };
		    var config4 = {
		        vx: 4,	
		        vy: 4,	
		        height: 2,	
		        width: 2,
		        count: 80,		
		        color: " 123,32,12", 	
		        stroke: "99,21,255", 		
		        dist: 60000, 	
		        e_dist: 2000, 	
		        max_conn: 100 	
		    };
		    var config5 = {
		        vx: 4,
		        vy: 4,
		        height: 3,
		        width: 3,
		        count: 80,		
		        color: "255,255,255",
		        stroke: "46,136,194",
		        dist: 10000,
		        e_dist: 10000,
		        max_conn: 10
		    };
		    var body1 = document.getElementById("st-panel-1");
		    var body2 = document.getElementById("st-panel-2");
		    var body3 = document.getElementById("st-panel-3");
		    var body4 = document.getElementById("st-panel-4");
		    var body5 = document.getElementById("st-panel-5");
		    //调用
		    CanvasParticle(config1,body1);
		    CanvasParticle(config2,body2);
		    CanvasParticle(config3,body3);
		    CanvasParticle(config4,body4);
		    CanvasParticle(config5,body5);

		}
	</script>
	<script type="text/javascript" src="js/canvas-particle.js"></script>
</head>
<body oncontextmenu=self.event.returnValue=false>
	<div class="container">
		<!--naive-begin-->
		<div class="st-container">
			<input name="pages" type="radio" id="st-control-1" checked="checked">
			<a href="#st-panel-1">A</a>
			<input name="pages" type="radio" id="st-control-2">
			<a href="#st-panel-2">B</a>
			<input name="pages" type="radio" id="st-control-3">
			<a href="#st-panel-3">C</a>
			<input name="pages" type="radio" id="st-control-4">
			<a href="#st-panel-4">D</a>
			<input name="pages" type="radio" id="st-control-5">
			<a href="#st-panel-5">E</a>
			<div class="st-scroll">
			<section class="st-panel" id="st-panel-1">
				<div class="content" id="content1">
					<p class="caption" id="caption">Concious AI</p>
					<p class="introduction">这是一场关于人类认知的再发现之旅。</p>
					<p class="introduction">从生命诞生，到人工智能大行其道，作为宇宙中平凡的一员，我们为何能站在智能的顶端，成为万物之灵？千百万年前，恐龙作为地球的霸主，为什么没有产生高级智能？</p>
					<p class="introduction">从历史长河中的国家兴衰到社会组织中的群体行为，从语言分析哲学中的奇异现象到心灵哲学中的意向性，从自然科学与宗教到现代科技的前沿综述，本书从历史的诸多谜题出发，沿着自然科学的思维脉络，汇通陆王心学与心灵哲学，对自我意识和人类认知的起源与进化进行梳理和解读，并将其构建为触觉大脑假说和认知坎陷三大定律。</p>
					<a href="" id="About_us">关于我们的学说</a>
				</div>
				
			</section>
			<section class="st-panel" id="st-panel-2" style="background: #3324da">
				<div class="st-desc" data-icon="H"></div>
				<h2>BBB</h2>
				<p>fhkewlhfuergheiorgherjklghrreqguhfu</p>
			</section>
			<section class="st-panel" id="st-panel-3" style="background: #597834">
				<div class="st-desc" data-icon="H"></div>
				<h2>CCC</h2>
				<p>fhkewlhfuergheiorgherjklghrreqguhfu</p>
			</section>
			<section class="st-panel" id="st-panel-4" style="background: #3d3d45">
				<div class="st-desc" data-icon="H"></div>
				<h2>DDD</h2>
				<p>fhkewlhfuergheiorgherjklghrreqguhfu</p>
			</section>
			<section class="st-panel" id="st-panel-5">
				<div class="content" id="content2">
					<p class="caption" id="caption2">Concious Wallet</p>
					<p class="introduction">我不知道这里应该写点什么。</p>
					<p class="introduction">从生命诞生，到人工智能大行其道，作为宇宙中平凡的一员，我们为何能站在智能的顶端，成为万物之灵？千百万年前，恐龙作为地球的霸主，为什么没有产生高级智能？</p>
					<p class="introduction">从历史长河中的国家兴衰到社会组织中的群体行为，从语言分析哲学中的奇异现象到心灵哲学中的意向性，从自然科学与宗教到现代科技的前沿综述，本书从历史的诸多谜题出发，沿着自然科学的思维脉络，汇通陆王心学与心灵哲学，对自我意识和人类认知的起源与进化进行梳理和解读，并将其构建为触觉大脑假说和认知坎陷三大定律。</p>
					<a href="" id="Download">下载Conscious Wallet 1.0.0<br>for Windows 32</a>
				</div>
			</section>
		</div>
		</div>
		<!--naive-end-content-begin-->
		
	</div>
	

	<div class="footer"></div>

</body>
</html>